.load4 .loader {
  font-size: 20px;
 top: 40%;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-left: -.5em;
  margin-top: -.5em;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  transform:scale(.7);
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 0em #ffffff;
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 0.2em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 0.2em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 0.2em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0.2em #ffffff, -2em -2em 0 0em #ffffff;
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 0.2em #ffffff;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 0em #ffffff;
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 0.2em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 0.2em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 0.2em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0.2em #ffffff, -2em -2em 0 0em #ffffff;
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 0.2em #ffffff;
  }
}

*{padding: 0;margin:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-overflow-scrolling: touch;}a {text-decoration: none;color: #fff;}ul {list-style: none;}input{border: none;outline:none}body{font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', 微软雅黑, Arial, sans-serif;cursor: default;}
img{border: none;}
.roomCard{position: fixed;bottom:0.75vh;left: 2vh;;z-index:90;height: 4.5vh;}
.roomCard img{height: 4.5vh;position: absolute;left: 0;top:0;z-index: 90;}

.roomCard .num{height: 3vh;line-height: 3vh;text-align: right;color:#fff;font-size:2.2vh;margin-top:0.75vh;position:relative;}

.tableTab{position: fixed;top:0px;left: 0px;width: 100%;z-index:90;}
.tableHead{position: fixed;top:0;left: 0;width: 100%;z-index: 81;}
.addFriend{position: fixed;bottom:0.75vh;right: 15vh;width: 4.5vh;z-index:90;}
.return{position: fixed;bottom:0.75vh;right: 8.5vh;width: 4.5vh;z-index:90;}
.bGameRule{position: fixed;bottom:0.75vh;right: 28vh;width: 4.5vh;z-index:112;}
.bottom{position: fixed;bottom:0;left: 0;width: 100%;z-index:90;}

.bottomTab{position: fixed;bottom:0;left: 0;width: 100%;height: 6vh;z-index: 89;}
.bottomNote{position: fixed;bottom:0.75vh;right: 28.5vh;width: 4.5vh;z-index:90;}
.bottomRule{position: fixed;bottom:0.75vh;right: 22vh;width: 4.5vh;z-index:112;}
.bottomSound{position: fixed;bottom: 0.75vh;right: 15.5vh;width: 4.5vh; height: 4.5vh;z-index:112;}
.bottomHome{position: fixed;bottom:0.75vh;right: 8.5vh;width: 4.5vh;z-index:90;}
.bottomMessage{position: fixed;bottom: 0.75vh;right: 2vh;width: 4.5vh; height: 4.5vh;z-index:91;}

.baseScoreBG{position: absolute;top: 1%;left: 2%;width: 24%;z-index:91;text-align: center;color: #fff;height: 3.2vh;line-height: 3.2vh; background-color: black; border-radius: 1.8vh;opacity: 0.5}
.baseScore{position: absolute;top: 1%;left: 2%;width: 24%;z-index:91;text-align: center;color: #fff;height: 3.2vh;line-height: 3.2vh;border-radius: 1.8vh;font-size: 2vh;}
.roundNumBG{position: absolute;top: 1%;right: 2%;width: 24%;z-index:91;text-align: center;color: #fff;height: 3.2vh;line-height: 3.2vh; background-color: black; border-radius: 1.8vh;opacity: 0.5}
.roundNum{position: absolute;top: 1%;right: 2%;width: 24%;z-index:91;text-align: center;color: #fff;height: 3.2vh;line-height: 3.2vh;border-radius: 1.8vh;font-size: 2vh;}

.invite{position: fixed;width: 100%;height:100%;top:0;left:0;z-index: 109;}
.invite .inviteBack{width: 100%;height:100%;background: #000;opacity:0.8;position: absolute;}
.invite .invite1{width: 80px;position: absolute; top:20px;right: 10px;}
.invite .inviteText{margin: 0 auto;margin-top:140px;width:80%;line-height: 40px;font-size: 18px;color: #fff;font-family: simHei;position: relative;}
.invite .inviteText .num{float: left;line-height:24px;height:24px;width:24px;text-align: center;border-radius:12px;background:#b42020;position: relative;margin: 8px 5px 0 0}
.invite .inviteText img{vertical-align: middle;height: 28px;margin:0 3px;}
.invite .inviteText .invite2{font-size:17px;color:#cdbc48; }

.main{width: 100%;position: relative;background: #fff;margin:0 auto;}

.title{overflow: hidden;word-break:break-all;}
.member{position: absolute;text-align: center;width: 7.26vh;height: 10vh;}
.member .background{width: 100%;position: absolute;top:0;left:0;}
.member .banker{left:-0.2vh; top: -0.2vh;width: 7.86vh; height: 7.86vh;position: absolute;}
.member .avatar{width: 100%;position: relative;border-radius:3px;}
.member .bottom{position: absolute; top: 7vh; left: 0;width: 100%; height: 4vh}
.member .bottom .bname{position: absolute; top: 1px; left: 0px;width: 100%; height: 2vh; line-height: 2vh;text-align: center;color: white;font-size: 1.5vh;}
.member .bottom .bscore{position: absolute; top: 2vh; left: 0px;width: 100%; height: 2vh; line-height: 2vh; text-align: center;color: orange;font-size: 1.6vh;}

.memberMine{position: absolute;text-align: center;width: 150px;height: 110px;}

.member .isReady{position: absolute;}
.member .isReady .ready{height: 3vh;}
.member .isReady .ready.ss{border:2px solid #3ae8ad;}


.member1{top:79vh;left:2vh;width: 7.26vh;height: 12.1vh;}
.member1 .title{font-size:14px;line-height:20px;height: 20px;width: 58px;}
.member1 .score{bottom: 12%;line-height:14px;}
.member1 .isReady{top:-50px;left: -18px;width: 110px;text-align:center;}
.member1 .isReady .unready{width: 110px;}
.member1 .isReady .ready{margin-top: 20px;width:6vh;}

.member2{top:60%;right:1vh;}
.member2 .isReady{top:4vh;right: 8vh;}
.member2 .isReady .ready{width:6vh;}

.member3{top:48%;right:1vh;}
.member3 .isReady{top:4vh;right: 8vh;}
.member3 .isReady .ready{width:6vh;}

.member4{top:36%;right:1vh;}
.member4 .isReady{top:4vh;right: 8vh;}
.member4 .isReady .ready{width:6vh;}

.member5{top:24%;right:1vh;}
.member5 .isReady{top:4vh;right: 8vh;}
.member5 .isReady .ready{width:6vh;}

.member6{top:5%;right:5vh;}
.member6 .isReady{top:12vh;left: 0.5vh;}
.member6 .isReady .ready{width:6vh;}

.member7{top:1%;left:45%;}
.member7 .isReady{top:12vh;left: 0.5vh;}
.member7 .isReady .ready{width:6vh;}

.member8{top:5%;left:5vh;}
.member8 .isReady{top:12vh;left: 0.5vh;}
.member8 .isReady .ready{width:6vh;}

.member9{top:24%;left:1vh;}
.member9 .isReady{top:4vh;left: 8vh;}
.member9 .isReady .ready{width:6vh;}

.member10{top:36%;left:1vh;}
.member10 .isReady{top:4vh;left: 8vh;}
.member10 .isReady .ready{width:6vh;}

.member11{top:48%;left:1vh;}
.member11 .isReady{top:4vh;left: 8vh;}
.member11 .isReady .ready{width:6vh;}

.member12{top:60%;left:1vh;}
.member12 .isReady{top:4vh;left: 8vh;}
.member12 .isReady .ready{width:6vh;}


/* 玩家金币 */
.memberCoin{position: absolute;width: 2.5vh;height: 2.5vh; z-index: 100}

.memberCoin10{top: 82%; left: 7.0vw}
.memberCoin11{top: 82%; left: 7.0vw}
.memberCoin12{top: 82%; left: 7.0vw}
.memberCoin13{top: 82%; left: 7.0vw}
.memberCoin14{top: 82%; left: 7.0vw}

.memberCoin20{top: 63%; left: 89.0vw}
.memberCoin21{top: 63%; left: 89.0vw}
.memberCoin22{top: 63%; left: 89.0vw}
.memberCoin23{top: 63%; left: 89.0vw}
.memberCoin24{top: 63%; left: 89.0vw}

.memberCoin30{top: 51%; left: 89.0vw}
.memberCoin31{top: 51%; left: 89.0vw}
.memberCoin32{top: 51%; left: 89.0vw}
.memberCoin33{top: 51%; left: 89.0vw}
.memberCoin34{top: 51%; left: 89.0vw}

.memberCoin40{top: 39%; left: 89.0vw}
.memberCoin41{top: 39%; left: 89.0vw}
.memberCoin42{top: 39%; left: 89.0vw}
.memberCoin43{top: 39%; left: 89.0vw}
.memberCoin44{top: 39%; left: 89.0vw}

.memberCoin50{top: 27%; left: 89.0vw}
.memberCoin51{top: 27%; left: 89.0vw}
.memberCoin52{top: 27%; left: 89.0vw}
.memberCoin53{top: 27%; left: 89.0vw}
.memberCoin54{top: 27%; left: 89.0vw}

.memberCoin60{top: 8%; left: 84.0vw}
.memberCoin61{top: 8%; left: 84.0vw}
.memberCoin62{top: 8%; left: 84.0vw}
.memberCoin63{top: 8%; left: 84.0vw}
.memberCoin64{top: 8%; left: 84.0vw}

.memberCoin70{top: 4%; left: 48.5vw}
.memberCoin71{top: 4%; left: 48.5vw}
.memberCoin72{top: 4%; left: 48.5vw}
.memberCoin73{top: 4%; left: 48.5vw}
.memberCoin74{top: 4%; left: 48.5vw}

.memberCoin80{top: 8%; left: 12.0vw}
.memberCoin81{top: 8%; left: 12.0vw}
.memberCoin82{top: 8%; left: 12.0vw}
.memberCoin83{top: 8%; left: 12.0vw}
.memberCoin84{top: 8%; left: 12.0vw}

.memberCoin90{top: 27%; left: 7.0vw}
.memberCoin91{top: 27%; left: 7.0vw}
.memberCoin92{top: 27%; left: 7.0vw}
.memberCoin93{top: 27%; left: 7.0vw}
.memberCoin94{top: 27%; left: 7.0vw}

.memberCoin100{top: 39%; left: 7.0vw}
.memberCoin101{top: 39%; left: 7.0vw}
.memberCoin102{top: 39%; left: 7.0vw}
.memberCoin103{top: 39%; left: 7.0vw}
.memberCoin104{top: 39%; left: 7.0vw}

.memberCoin110{top: 51%; left: 7.0vw}
.memberCoin111{top: 51%; left: 7.0vw}
.memberCoin112{top: 51%; left: 7.0vw}
.memberCoin113{top: 51%; left: 7.0vw}
.memberCoin114{top: 51%; left: 7.0vw}

.memberCoin120{top: 63%; left: 7.0vw}
.memberCoin121{top: 63%; left: 7.0vw}
.memberCoin122{top: 63%; left: 7.0vw}
.memberCoin123{top: 63%; left: 7.0vw}
.memberCoin124{top: 63%; left: 7.0vw}


/* 自由抢庄*/
.memberGoText1{position: absolute; top: 79%; left: 60%; width: 5vh; height: 2.6vh;}
.memberGoText2{position: absolute; top: 60%; right: 10.6vh; width: 5vh; height: 2.6vh;}
.memberGoText3{position: absolute; top: 48%; right: 10.6vh; width: 5vh; height: 2.6vh;}
.memberGoText4{position: absolute; top: 36%; right: 10.6vh; width: 5vh; height: 2.6vh;}
.memberGoText5{position: absolute; top: 24%; right: 10.6vh; width: 5vh; height: 2.6vh;}
.memberGoText6{position: absolute; top: 12%; right: 12.6vh; width: 5vh; height: 2.6vh;}
.memberGoText7{position: absolute; top: 9%; right: 35%; width: 5vh; height: 2.6vh;}
.memberGoText8{position: absolute; top: 12%; left: 12.5vh; width: 5vh; height: 2.6vh;}
.memberGoText9{position: absolute; top: 24%; left: 10.5vh; width: 5vh; height: 2.6vh;}
.memberGoText10{position: absolute; top: 36%; left: 10.5vh; width: 5vh; height: 2.6vh;}
.memberGoText11{position: absolute; top: 48%; left: 10.5vh; width: 5vh; height: 2.6vh;}
.memberGoText12{position: absolute; top: 60%; left: 10.5vh; width: 5vh; height: 2.6vh;}

/* 明牌抢庄*/
.memberRobText1{position: absolute; top: 79%; left: 60%; width: 5vh; height: 2.6vh;}
.memberRobText2{position: absolute; top: 60%; right: 13.6vh; width: 5vh; height: 2.6vh;}
.memberRobText3{position: absolute; top: 48%; right: 13.6vh; width: 5vh; height: 2.6vh;}
.memberRobText4{position: absolute; top: 36%; right: 13.6vh; width: 5vh; height: 2.6vh;}
.memberRobText5{position: absolute; top: 24%; right: 13.5vh; width: 5vh; height: 2.6vh;}
.memberRobText6{position: absolute; top: 12%; right: 15.5vh; width: 5vh; height: 2.6vh;}
.memberRobText7{position: absolute; top: 9%; right: 35.5%; width: 5vh; height: 2.6vh;}
.memberRobText8{position: absolute; top: 12%; left: 12.5vh; width: 5vh; height: 2.6vh;}
.memberRobText9{position: absolute; top: 24%; left: 10.5vh; width: 5vh; height: 2.6vh;}
.memberRobText10{position: absolute; top: 36%; left: 10.5vh; width: 5vh; height: 2.6vh;}
.memberRobText11{position: absolute; top: 48%; left: 10.5vh; width: 5vh; height: 2.6vh;}
.memberRobText12{position: absolute; top: 60%; left: 10.5vh; width: 5vh; height: 2.6vh;}

.memberRobTimes1{position: absolute; top: 79%; left: 10.5vh; width: 2.6vh; height: 2.6vh;}
.memberRobTimes2{position: absolute; top: 60%; right: 10.5vh; width: 2.6vh; height: 2.6vh;}
.memberRobTimes3{position: absolute; top: 48%; right: 10.5vh; width: 2.6vh; height: 2.6vh;}
.memberRobTimes4{position: absolute; top: 36%; right: 10.5vh; width: 2.6vh; height: 2.6vh;}
.memberRobTimes5{position: absolute; top: 24%; right: 10.5vh; width: 2.6vh; height: 2.6vh;}
.memberRobTimes6{position: absolute; top: 12%; right: 12.8vh; width: 2.6vh; height: 2.6vh;}
.memberRobTimes7{position: absolute; top: 9%; right: 32%; width: 2.6vh; height: 2.6vh;}
.memberRobTimes8{position: absolute; top: 12%; left: 17.5vh; width: 2.6vh; height: 2.6vh;}
.memberRobTimes9{position: absolute; top: 24%; left: 15.8vh; width: 2.6vh; height: 2.6vh;}
.memberRobTimes10{position: absolute; top: 36%; left: 15.8vh; width: 2.6vh; height: 2.6vh;}
.memberRobTimes11{position: absolute; top: 48%; left: 15.8vh; width: 2.6vh; height: 2.6vh;}
.memberRobTimes12{position: absolute; top: 60%; left: 15.8vh; width: 2.6vh; height: 2.6vh;}

/* 投注倍数 */
.memberTimesText1{position: absolute; top: 79%; left: 10.5vh; width: 2.8vh; height: 2.8vh;}
.memberTimesText2{position: absolute; top: 60%; right: 9.5vh; width: 2.8vh; height: 2.8vh;}
.memberTimesText3{position: absolute; top: 48%; right: 9.5vh; width: 2.8vh; height: 2.8vh;}
.memberTimesText4{position: absolute; top: 36%; right: 9.5vh; width: 2.8vh; height: 2.8vh;}
.memberTimesText5{position: absolute; top: 24%; right: 9.5vh; width: 2.8vh; height: 2.8vh;}
.memberTimesText6{position: absolute; top: 12%; right: 12.8vh; width: 2.8vh; height: 2.8vh;}
.memberTimesText7{position: absolute; top: 9%; right: 38%; width: 2.8vh; height: 2.8vh;}
.memberTimesText8{position: absolute; top: 12%; left: 13vh; width: 2.6vh; height: 2.6vh;}
.memberTimesText9{position: absolute; top: 24%; left: 9.5vh; width: 2.6vh; height: 2.6vh;}
.memberTimesText10{position: absolute;top: 36%; left: 9.5vh; width: 2.6vh; height: 2.6vh;}
.memberTimesText11{position: absolute;top: 48%; left: 9.5vh; width: 2.6vh; height: 2.6vh;}
.memberTimesText12{position: absolute;top: 60%; left: 9.5vh; width: 2.6vh; height: 2.6vh;}



/* 显示牛几图片 */
.memberBull1{position: absolute;top: 72%; left: 50%; width: 16.57vh; height: 6vh; z-index: 90;margin-left: -8.285vh}
.memberBull2{position: absolute;top: 67.5%; right: 11vh; width: 12.45vh; height: 4.5vh; z-index: 90;}
.memberBull3{position: absolute;top: 55%; right: 11vh; width: 12.45vh; height: 4.5vh; z-index: 90;}
.memberBull4{position: absolute;top: 43%; right: 11vh; width: 12.45vh; height: 4.5vh; z-index: 90;}
.memberBull5{position: absolute;top: 31%; right: 11vh; width: 12.45vh; height: 4.5vh; z-index: 90;}
.memberBull6{position: absolute;top: 19%; right: 10%; width: 12.45vh; height: 4.5vh; z-index: 90;}
.memberBull7{position: absolute;top: 16%; right: 40%; width: 12.45vh; height: 4.5vh; z-index: 90;}
.memberBull8{position: absolute;top: 19%; left: 7vh; width: 12.45vh; height: 4.5vh; z-index: 90;}
.memberBull9{position: absolute;top: 31%; left: 11vh; width: 12.45vh; height: 4.5vh; z-index: 90;}
.memberBull10{position: absolute;top:43%; left: 11vh; width: 12.45vh; height: 4.5vh; z-index: 90;}
.memberBull11{position: absolute;top:55%; left: 11vh; width: 12.45vh; height: 4.5vh; z-index: 90;}
.memberBull12{position: absolute;top:67%; left: 11vh; width: 12.45vh; height: 4.5vh; z-index: 90;}

 /* 一局完毕显示得分 
 .memberScoreText1{position: absolute;top: 67%; left: 43%; width: 150px; height: 40px; z-index: 99;} */

 .memberScoreText1{position: absolute;top: 75%; left: 0; text-align: center; width: 11vh; height: 4vh; z-index: 99;}
 .memberScoreText2{position: absolute;top: 64%; right: 9.5vh; text-align: right; width: 11vh; height: 4vh; z-index: 99;}
 .memberScoreText3{position: absolute;top: 52%; right: 9.5vh; text-align: right; width: 11vh; height: 4vh; z-index: 99;}
 .memberScoreText4{position: absolute;top: 40%; right: 9.5vh; text-align: right; width: 11vh; height: 4vh; z-index: 99;}
 .memberScoreText5{position: absolute;top: 28%; right: 9.5vh; text-align: right; width: 11vh; height: 4vh; z-index: 99;}
 .memberScoreText6{position: absolute;top: 12%; right: 13.5vh; text-align: right; width: 11vh; height: 4vh; z-index: 99;}
 .memberScoreText7{position: absolute;top: 12%; right: 40%;  text-align: center; width: 11vh; height: 4vh; z-index: 99;}

 .memberScoreText8{position: absolute;top: 12%; left: 13.5vh; text-align: left; width: 11vh; height: 4vh; z-index: 99;}
 .memberScoreText9{position: absolute;top: 28%; left: 9.5vh; text-align: left; width: 11vh; height: 4vh; z-index: 99;}
 .memberScoreText10{position: absolute;top: 40%; left: 9.5vh; text-align: left; width: 11vh; height: 4vh; z-index: 99;}
 .memberScoreText11{position: absolute;top: 52%; left: 9.5vh; text-align: left; width: 11vh; height: 4vh; z-index: 99;}
 .memberScoreText12{position: absolute;top: 64%; left: 9.5vh; text-align: left; width: 11vh; height: 4vh; z-index: 99;}

 .quitBack{position: absolute;width: 7.4vh;height: 7.4vh;border-radius:4px;top:0px;left:0;background:#000;opacity:0.45;}

 .member1 .quitBack{position: absolute;width: 58px;height: 88px;border-radius:4px;top:12px;left:8px;background:#000;opacity:0.45;}
 .colorBorder{position: absolute;text-align: center;width: 45px;height: 69px;border:2px solid #df0000;border-radius:4px;top:9px;left:6px;}
 .colorBorder .backColor{background:#df0000;opacity:0.45;height:100%;position: absolute;bottom:0;left:0;width:100%;}
 .colorBorder1{width: 56px;height: 86px;border:3px solid #df0000;border-radius:6px;top:10px;left:6px; }
 @keyframes mycolor1{0% {border-color: #04c120;}50% {border-color: #ffff3c;}100% {border-color: #df0000;}}
 @-webkit-keyframes mycolor1 {0% {border-color: #04c120;}50% {border-color: #ffff3c;}100% {border-color: #df0000;}}
 @keyframes mycolor2{0% {background:#04c120;height: 0;}50% {background:#ffff3c;}100% {background:#df0000;height: 100%;}}
 @-webkit-keyframes mycolor2{0% {background:#04c120;height: 0;}50% {background:#ffff3c;}100% {background:#df0000;height: 100%;}}


 .place{width:120px;height:120px;position: absolute;top:30%;left:165px;}
 .place .scoresArea{position: relative;width: 100%;height:100%;}
 .place .totalScore{position: absolute;top:-25px;left: 20px;width: 80px;}
 .place .totalScore img{position: absolute;width: 20px;left: 0;top:0;}
 .place .totalScore .scores{height: 20px;line-height: 20px;text-align: right;padding: 0 13px;border-radius:10px;background: #376e8d;color:#fff;font-size:14px;width:40%;}

.messageSay{position: absolute;height: 3vh;font-size: 2vh;color: #fff;background: #060408;border-radius:1.5vh;padding: 0 1.5vh;opacity: .75;line-height: 3vh;z-index: 97}
.messageSay1{top:74.5%;left: 3%;}
.messageSay1 .triangle{position: absolute;top:3vh;left:3vh;width:0;height:0;border-top: 6px solid #060408;border-right: 12px solid transparent;}
.messageSay2{top:62.4%;right: 10%;}
.messageSay2 .triangle{position: absolute;top:3vh;right:3vh;width:0;height:0;border-top: 6px solid #060408;border-left: 12px solid transparent;}
.messageSay3{top:50.4%;right: 10%;}
.messageSay3 .triangle{position: absolute;top:3vh;right:3vh;width:0;height:0;border-top: 6px solid #060408;border-left: 12px solid transparent;}
.messageSay4{top:38.4%;right: 10%;}
.messageSay4 .triangle{position: absolute;top:3vh;right:3vh;width:0;height:0;border-top: 6px solid #060408;border-left: 12px solid transparent;}
.messageSay5{top:26.4%;right: 10%;}
.messageSay5 .triangle{position: absolute;top:3vh;right:3vh;width:0;height:0;border-top: 6px solid #060408;border-left: 12px solid transparent;}

.messageSay6{top:6.4%;right: 14%;}
.messageSay6 .triangle{position: absolute;top:3vh;right:3vh;width:0;height:0;border-top: 6px solid #060408;border-left: 12px solid transparent;}
.messageSay7{top:4.4%;right: 34%;}
.messageSay7 .triangle{position: absolute;top:3vh;right:7vh;width:0;height:0;border-top: 6px solid #060408;border-right: 12px solid transparent;}
.messageSay8{top:6.4%;left: 14%;}
.messageSay8 .triangle{position: absolute;top:3vh;left:3vh;width:0;height:0;border-top: 6px solid #060408;border-right: 12px solid transparent;}

.messageSay9{top:26.4%;left: 10%;}
.messageSay9 .triangle{position: absolute;top:3vh;left:3vh;width:0;height:0;border-top: 6px solid #060408;border-right: 12px solid transparent;}
.messageSay10{top:38.4%;left: 10%;}
.messageSay10 .triangle{position: absolute;top:3vh;left:3vh;width:0;height:0;border-top: 6px solid #060408;border-right: 12px solid transparent;}
.messageSay11{top:50.4%;left: 10%;}
.messageSay11 .triangle{position: absolute;top:3vh;left:3vh;width:0;height:0;border-top: 6px solid #060408;border-right: 12px solid transparent;}
.messageSay12{top:62.4%;left: 10%;}
.messageSay12 .triangle{position: absolute;top:3vh;left:3vh;width:0;height:0;border-top: 6px solid #060408;border-right: 12px solid transparent;}

/* 26 37 */
/*.cardDeal{position: absolute; top: 19%; left: 18%; width: 64%; height: 70%;}*/
.cardDeal{position: absolute; width: 100%; height: 100%;}
.card{width: 5.4vh;height:7.4vh;background:url("../images/common/card.png");background-size:5.4vh 7.4vh;position: absolute;}


/* 1号位置暗牌 */
.card11{animation:mymove11 .4s ;-webkit-animation:mymove11 .4s ;left:28%;top:79vh;width: 8.5vh;height:11.5vh;background-size:8.5vh 11.5vh;margin-left: -3.4vh;box-shadow:1px 1px 5px #333;}
@keyframes mymove11{from {left:50%;top:40%;}to {left:28%;top:79vh}}
@-webkit-keyframes mymove11 {from {left:50%;top:40%;}to {left:28%;top:79vh}}

.card12{animation:mymove12 .4s ;-webkit-animation:mymove12 .4s ;left:43%;top:79vh;width: 8.5vh;height:11.5vh;background-size:8.5vh 11.5vh;margin-left: -3.4vh;box-shadow:1px 1px 5px #333;}
@keyframes mymove12{from {left:50%;top:40%;}to {left:43%;top:79vh}}
@-webkit-keyframes mymove12 {from {left:50%;top:40%;}to {left:43%;top:79vh}}	

.card13{animation:mymove13 .4s ;-webkit-animation:mymove13 .4s ;left:58%;top:79vh;width: 8.5vh;height:11.5vh;background-size:8.5vh 11.5vh;margin-left: -3.4vh;box-shadow:1px 1px 5px #333;}
@keyframes mymove13{from {left:50%;top:40%;}to {left:58%;top:79vh}}
@-webkit-keyframes mymove13{from {left:50%;top:40%;}to {left:58%;top:79vh}}

.card14{animation:mymove14 .4s ;-webkit-animation:mymove14 .4s ;left:73%;top:79vh;width: 8.5vh;height:11.5vh;background-size:8.5vh 11.5vh;margin-left: -3.4vh;box-shadow:1px 1px 5px #333;}
@keyframes mymove14{from {left:50%;top:40%;}to {left:73%;top:79vh}}
@-webkit-keyframes mymove14{from {left:50%;top:40%;}to {left:73%;top:79vh}}

.card15{animation:mymove15 .4s ;-webkit-animation:mymove15 .4s ;left:88%;top:79vh;width: 8.5vh;height:11.5vh;background-size:8.5vh 11.5vh;margin-left: -3.4vh;box-shadow:1px 1px 5px #333;}
@keyframes mymove15{from {left:50%;top:40%;}to {left:88%;top:79vh}}
@-webkit-keyframes mymove15{from {left:50%;top:40%;}to {left:88%;top:79vh}}

/* 2号位置暗牌 */
.card21{animation:mymove21 .4s ;-webkit-animation:mymove21 .4s ;right:9vh;top:63%;}
@keyframes mymove21{from {right:50%;top:40%;}to {right:9vh;top:63%}}
@-webkit-keyframes mymove21 {from {right:50%;top:40%;}to {right:9vh;top:63%}}

.card22{animation:mymove22 .4s ;-webkit-animation:mymove22 .4s ;right:12vh;top:63%;}
@keyframes mymove22{from {right:50%;top:40%;}to {right:12vh;top:63%}}
@-webkit-keyframes mymove22 {from {right:50%;top:40%;}to {right:12vh;top:63%}}

.card23{animation:mymove23 .4s ;-webkit-animation:mymove23 .4s ;right:15vh;top:63%;}
@keyframes mymove23{from {right:50%;top:40%;}to {right:15vh;top:63%}}
@-webkit-keyframes mymove23{from {right:50%;top:40%;}to {right:15vh;top:63%}}

.card24{animation:mymove24 .4s ;-webkit-animation:mymove24 .4s ;right:18vh;top:63%;}
@keyframes mymove24{from {right:50%;top: 40%;}to {right:18vh;top:63%}}
@-webkit-keyframes mymove24{from {right: 50%;top: 40%}to {right:18vh;top:63%}}

.card25{animation:mymove25 .4s ;-webkit-animation:mymove25 .4s ;right:21vh;top:63%;}
@keyframes mymove25{from {right:50%;top: 40%;}to {right:21vh;top:63%}}
@-webkit-keyframes mymove25{from {right: 50%;top: 40%}to {right:21vh;top:63%}}

/* 2号位置摊牌 */
.card211{right:9vh;top:63%;}
.card221{right:12vh;top:63%;}
.card231{right:15vh;top:63%;}
.card241{right:18vh;top:63%;}
.card251{right:21vh;top:63%;}

/* 3号位置暗牌 */
.card31{animation:mymove31 .4s ;-webkit-animation:mymove31 .4s ;right:9vh;top:51%;}
@keyframes mymove31{from {right:50%;top:40%;}to {right:9vh;top:51%}}
@-webkit-keyframes mymove31 {from {right:50%;top:40%;}to {right:9vh;top:51%}}	

.card32{animation:mymove32 .4s ;-webkit-animation:mymove32 .4s ;right:12vh;top:51%;}
@keyframes mymove32{from {right:50%;top:40%;}to {right:12vh;top:51%}}
@-webkit-keyframes mymove32 {from {right:50%;top:40%;}to {right:12vh;top:51%}}

.card33{animation:mymove33 .4s ;-webkit-animation:mymove33 .4s ;right:15vh;top:51%;}
@keyframes mymove33{from {right:50%;top:40%;}to {right:15vh;top:51%}}
@-webkit-keyframes mymove33{from {right:50%;top:40%;}to {right:15vh;top:51%}}

.card34{animation:mymove34 .4s ;-webkit-animation:mymove34 .4s ;right:18vh;top:51%;}
@keyframes mymove34{from {right:50%;top:40%;}to {right:18vh;top:51%}}
@-webkit-keyframes mymove34{from {right:50%;top:40%;}to {right:18vh;top:51%}}

.card35{animation:mymove35 .4s ;-webkit-animation:mymove35 .4s ;right:21vh;top:51%;}
@keyframes mymove35{from {right:50%;top:40%;}to {right:21vh;top:51%}}
@-webkit-keyframes mymove35{from {right:50%;top:40%;}to {right:21vh;top:51%}}

/* 3号位置摊牌牌 */
.card311{right:9vh;top:51%;}
.card321{right:12vh;top:51%;}
.card331{right:15vh;top:51%;}
.card341{right:18vh;top:51%;}
.card351{right:21vh;top:51%;}

/* 4号位置暗牌 */
.card41{animation:mymove45 .4s ;-webkit-animation:mymove41 .4s ;right:9vh;top:39%;}
@keyframes mymove41{from {left:50%;top:40%;}to {right:9vh;top:39%}}
@-webkit-keyframes mymove41{from {left:50%;top:40%;}to {right:9vh;top:39%}}

.card42{animation:mymove44 .4s ;-webkit-animation:mymove42 .4s ;right:12vh;top:39%;}
@keyframes mymove42{from {left:50%;top:40%;}to {right:12vh;top:39%}}
@-webkit-keyframes mymove42{from {left:50%;top:40%;}to {right:12vh;top:39%}}

.card43{animation:mymove43 .4s ;-webkit-animation:mymove43 .4s ;right:15vh;top:39%;}
@keyframes mymove43{from {left:50%;top:40%;}to {right:15vh;top:39%}}
@-webkit-keyframes mymove43 {from {left:50%;top:40%;}to {right:15vh;top:39%}}

.card44{animation:mymove44 .4s ;-webkit-animation:mymove44 .4s ;right:18vh;top:39%;}
@keyframes mymove44{from {left:50%;top:40%;}to {right:18vh;top:39%}}
@-webkit-keyframes mymove44 {from {left:50%;top:40%;}to {right:18vh;top:39%}}

.card45{animation:mymove45 .4s ;-webkit-animation:mymove45 .4s ;right:21vh;top:39%;}
@keyframes mymove45{from {left:50%;top:40%;}to {right:21vh;top:39%}}
@-webkit-keyframes mymove45{from {left:50%;top:40%;}to {right:21vh;top:39%}}

/* 4号位置摊牌 */
.card411{right:9vh;top:39%;}
.card421{right:12vh;top:39%;}
.card431{right:15vh;top:39%;}
.card441{right:18vh;top:39%;}
.card451{right:21vh;top:39%;}

/* 5号位置暗牌 */
.card51{animation:mymove55 .4s ;-webkit-animation:mymove51 .4s ;right:9vh;top:27%;}
@keyframes mymove51{from {left:50%;top:40%;}to {right:9vh;top:27%}}
@-webkit-keyframes mymove51{from {left:50%;top:40%;}to {right:9vh;top:27%}}

.card52{animation:mymove54 .4s ;-webkit-animation:mymove52 .4s ;right:12vh;top:27%;}
@keyframes mymove52{from {left:50%;top:40%;}to {right:12vh;top:27%}}
@-webkit-keyframes mymove52{from {left:50%;top:40%;}to {right:12vh;top:27%}}

.card53{animation:mymove53 .4s ;-webkit-animation:mymove53 .4s ;right:15vh;top:27%;}
@keyframes mymove53{from {left:50%;top:40%;}to {right:15vh;top:27%}}
@-webkit-keyframes mymove53 {from {left:50%;top:40%;}to {right:15vh;top:27%}}

.card54{animation:mymove54 .4s ;-webkit-animation:mymove54 .4s ;right:18vh;top:27%;}
@keyframes mymove54{from {left:50%;top:40%;}to {right:18vh;top:27%}}
@-webkit-keyframes mymove54 {from {left:50%;top:40%;}to {right:18vh;top:27%}}

.card55{animation:mymove55 .4s ;-webkit-animation:mymove55 .4s ;right:21vh;top:27%;}
@keyframes mymove55{from {left:50%;top:40%;}to {right:21vh;top:27%}}
@-webkit-keyframes mymove55{from {left:50%;top:40%;}to {right:21vh;top:27%}}

/* 5号位置摊牌 */
.card511{right:9vh;top:27%;}
.card521{right:12vh;top:27%;}
.card531{right:15vh;top:27%;}
.card541{right:18vh;top:27%;}
.card551{right:21vh;top:27%;}


/* 6号位置暗牌 */
.card61{animation:mymove61 .4s ;-webkit-animation:mymove61 .4s ;right:3vh;top:16%}
@keyframes mymove61{from {left:50%;top:40%;}to {right:3vh;top:16%}}
@-webkit-keyframes mymove61{from {left:50%;top:40%;}to {right:3vh;top:16%}}

.card62{animation:mymove62 .4s ;-webkit-animation:mymove62 .4s ;right:6vh;top:16%}
@keyframes mymove62{from {left:50%;top:40%;}to {right:6vh;top:16%}}
@-webkit-keyframes mymove62{from {left:50%;top:40%;}to {right:6vh;top:16%}}

.card63{animation:mymove63 .4s ;-webkit-animation:mymove63 .4s ;right:9vh;top:16%}
@keyframes mymove63{from {left:50%;top:40%;}to {right:9vh;top:16%}}
@-webkit-keyframes mymove63 {from {left:50%;top:40%;}to {right:9vh;top:16%}}  

.card64{animation:mymove64 .4s ;-webkit-animation:mymove64 .4s ;right:12vh;top:16%}
@keyframes mymove64{from {left:50%;top:40%;}to {right:12vh;top:16%}}
@-webkit-keyframes mymove64 {from {left:50%;top:40%;}to {right:12vh;top:16%}}  

.card65{animation:mymove65 .4s ;-webkit-animation:mymove65 .4s ;right:15vh;top:16%}
@keyframes mymove65{from {left:50%;top:40%;}to {right:15vh;top:16%}}
@-webkit-keyframes mymove65{from {left:50%;top:40%;}to {right:15vh;top:16%}}

/* 6号位置摊牌 */
.card611{right:3vh;top:16%}
.card621{right:6vh;top:16%}
.card631{right:9vh;top:16%}
.card641{right:12vh;top:16%}
.card651{right:15vh;top:16%}

/* 7号位置暗牌 */
.card71{animation:mymove71 .4s ;-webkit-animation:mymove71 .4s ;right:36%;top:12%;}
@keyframes mymove71{from {left:50%;top:40%;}to {right:36%;top:12%}}
@-webkit-keyframes mymove71{from {left:50%;top:40%;}to {right:36%;top:12%}}

.card72{animation:mymove72 .4s ;-webkit-animation:mymove72 .4s ;right:41%;top:12%;}
@keyframes mymove72{from {left:50%;top:40%;}to {right:41%;top:12%}}
@-webkit-keyframes mymove72{from {left:50%;top:40%;}to {right:41%;top:12%}}

.card73{animation:mymove73 .4s ;-webkit-animation:mymove73 .4s ;right:46%;top:12%;}
@keyframes mymove73{from {left:50%;top:40%;}to {right:46%;top:12%}}
@-webkit-keyframes mymove73 {from {left:50%;top:40%;}to {right:46%;top:12%}}  

.card74{animation:mymove74 .4s ;-webkit-animation:mymove74 .4s ;right:51%;top:12%;}
@keyframes mymove74{from {left:50%;top:40%;}to {right:51%;top:12%}}
@-webkit-keyframes mymove74 {from {left:50%;top:40%;}to {right:51%;top:12%}}  

.card75{animation:mymove75 .4s ;-webkit-animation:mymove75 .4s ;right:56%;top:12%;}
@keyframes mymove75{from {left:50%;top:40%;}to {right:56%;top:12%}}
@-webkit-keyframes mymove75{from {left:50%;top:40%;}to {right:56%;top:12%}}

/* 7号位置摊牌 */
.card711{right:36%;top:12%;}
.card721{right:41%;top:12%;}
.card731{right:46%;top:12%;}
.card741{right:51%;top:12%;}
.card751{right:56%;top:12%;}

/* 8号位置暗牌 */
.card85{animation:mymove85 .4s ;-webkit-animation:mymove85 .4s ;left:3vh;top:16%;}
@keyframes mymove85{from {left:50%;top:40%;}to {left:3vh;top:16%}}
@-webkit-keyframes mymove85 {from {left:50%;top:40%;}to {left:3vh;top:16%}}

.card84{animation:mymove84 .4s ;-webkit-animation:mymove84 .4s ;left:6vh;top:16%;}
@keyframes mymove84{from {left:50%;top:40%;}to {left:6vh;top:16%}}
@-webkit-keyframes mymove84 {from {left:50%;top:40%;}to {left:6vh;top:16%}}	

.card83{animation:mymove83 .4s ;-webkit-animation:mymove83 .4s ;left:9vh;top:16%;}
@keyframes mymove83{from {left:50%;top:40%;}to {left:9vh;top:16%}}
@-webkit-keyframes mymove83{from {left:50%;top:40%;}to {left:9vh;top:16%}}

.card82{animation:mymove82 .4s ;-webkit-animation:mymove82 .4s ;left:12vh;top:16%;}
@keyframes mymove82{from {left:50%;top:40%;}to {left:12vh;top:16%}}
@-webkit-keyframes mymove82{from {left:50%;top:40%;}to {left:12vh;top:16%}}

.card81{animation:mymove81 .4s ;-webkit-animation:mymove81 .4s ;left:15vh;top:16%;}
@keyframes mymove81{from {left:50%;top:40%;}to {left:15vh;top:16%}}
@-webkit-keyframes mymove81{from {left:50%;top:40%;}to {left:15vh;top:16%}}

/* 8号位置摊牌 */
.card851{left:3vh;top:16%;}
.card841{left:6vh;top:16%;}
.card831{left:9vh;top:16%;}
.card821{left:12vh;top:16%;}
.card811{left:15vh;top:16%;}

/* 9号位置暗牌 */
.card95{animation:mymove95 .4s ;-webkit-animation:mymove95 .4s ;left:9vh;top:27%;}
@keyframes mymove95{from {left:50%;top:40%;}to {left:9vh;top:27%}}
@-webkit-keyframes mymove95 {from {left:50%;top:40%;}to {left:9vh;top:27%}}

.card94{animation:mymove94 .4s ;-webkit-animation:mymove94 .4s ;left:12vh;top:27%;}
@keyframes mymove94{from {left:50%;top:40%;}to {left:12vh;top:27%}}
@-webkit-keyframes mymove94 {from {left:50%;top:40%;}to {left:12vh;top:27%}}	

.card93{animation:mymove93 .4s ;-webkit-animation:mymove93 .4s ;left:15vh;top:27%;}
@keyframes mymove93{from {left:50%;top:40%;}to {left:15vh;top:27%}}
@-webkit-keyframes mymove93{from {left:50%;top:40%;}to {left:15vh;top:27%}}

.card92{animation:mymove92 .4s ;-webkit-animation:mymove92 .4s ;left:18vh;top:27%;}
@keyframes mymove92{from {left:50%;top:40%;}to {left:18vh;top:27%}}
@-webkit-keyframes mymove92{from {left:50%;top:40%;}to {left:18vh;top:27%}}

.card91{animation:mymove91 .4s ;-webkit-animation:mymove91 .4s ;left:21vh;top:27%;}
@keyframes mymove91{from {left:50%;top:40%;}to {left:21vh;top:27%}}
@-webkit-keyframes mymove91{from {left:50%;top:40%;}to {left:21vh;top:27%}}

/* 9号位置摊牌 */
.card951{left:9vh;top:27%;}
.card941{left:12vh;top:27%;}
.card931{left:15vh;top:27%;}
.card921{left:18vh;top:27%;}
.card911{left:21vh;top:27%;}

/* 10号位置暗牌 */
.card105{animation:mymove105 .4s ;-webkit-animation:mymove105 .4s ;left:9vh;top:39%;}
@keyframes mymove105{from {left:50%;top:40%;}to {left:9vh;top:39%}}
@-webkit-keyframes mymove105 {from {left:50%;top:40%;}to {left:9vh;top:39%}}

.card104{animation:mymove104 .4s ;-webkit-animation:mymove104 .4s ;left:12vh;top:39%;}
@keyframes mymove104{from {left:50%;top:40%;}to {left:12vh;top:39%}}
@-webkit-keyframes mymove104 {from {left:50%;top:40%;}to {left:12vh;top:39%}}  

.card103{animation:mymove103 .4s ;-webkit-animation:mymove103 .4s ;left:15vh;top:39%;}
@keyframes mymove103{from {left:50%;top:40%;}to {left:15vh;top:39%}}
@-webkit-keyframes mymove103{from {left:50%;top:40%;}to {left:15vh;top:39%}}

.card102{animation:mymove102 .4s ;-webkit-animation:mymove102 .4s ;left:18vh;top:39%;}
@keyframes mymove102{from {left:50%;top:40%;}to {left:18vh;top:39%}}
@-webkit-keyframes mymove102{from {left:50%;top:40%;}to {left:18vh;top:39%}}

.card101{animation:mymove101 .4s ;-webkit-animation:mymove101 .4s ;left:21vh;top:39%;}
@keyframes mymove101{from {left:50%;top:40%;}to {left:21vh;top:39%}}
@-webkit-keyframes mymove101{from {left:50%;top:40%;}to {left:21vh;top:39%}}

/* 10号位置摊牌 */
.card1051{left:9vh;top:39%;}
.card1041{left:12vh;top:39%;}
.card1031{left:15vh;top:39%;}
.card1021{left:18vh;top:39%;}
.card1011{left:21vh;top:39%;}

/* 11号位置暗牌 */
.card115{animation:mymove115 .4s ;-webkit-animation:mymove115 .4s ;left:9vh;top:51%;}
@keyframes mymove115{from {left:50%;top:40%;}to {left:9vh;top:51%}}
@-webkit-keyframes mymove115 {from {left:50%;top:40%;}to {left:9vh;top:51%}}

.card114{animation:mymove114 .4s ;-webkit-animation:mymove114 .4s ;left:12vh;top:51%;}
@keyframes mymove114{from {left:50%;top:40%;}to {left:12vh;top:51%}}
@-webkit-keyframes mymove114 {from {left:50%;top:40%;}to {left:12vh;top:51%}}  

.card113{animation:mymove113 .4s ;-webkit-animation:mymove113 .4s ;left:15vh;top:51%;}
@keyframes mymove113{from {left:50%;top:40%;}to {left:15vh;top:51%}}
@-webkit-keyframes mymove113{from {left:50%;top:40%;}to {left:15vh;top:51%}}

.card112{animation:mymove112 .4s ;-webkit-animation:mymove112 .4s ;left:18vh;top:51%;}
@keyframes mymove112{from {left:50%;top:40%;}to {left:18vh;top:51%}}
@-webkit-keyframes mymove112{from {left:50%;top:40%;}to {left:18vh;top:51%}}

.card111{animation:mymove111 .4s ;-webkit-animation:mymove111 .4s ;left:21vh;top:51%;}
@keyframes mymove111{from {left:50%;top:40%;}to {left:21vh;top:51%}}
@-webkit-keyframes mymove111{from {left:50%;top:40%;}to {left:21vh;top:51%}}

/* 11号位置摊牌 */
.card1151{left:9vh;top:51%;}
.card1141{left:12vh;top:51%;}
.card1131{left:15vh;top:51%;}
.card1121{left:18vh;top:51%;}
.card1111{left:21vh;top:51%;}

/* 12号位置暗牌 */
.card125{animation:mymove125 .4s ;-webkit-animation:mymove125 .4s ;left:9vh;top:63%;}
@keyframes mymove125{from {left:50%;top:40%;}to {left:9vh;top:63%}}
@-webkit-keyframes mymove125 {from {left:50%;top:40%;}to {left:9vh;top:63%}}

.card124{animation:mymove124 .4s ;-webkit-animation:mymove124 .4s ;left:12vh;top:63%;}
@keyframes mymove124{from {left:50%;top:40%;}to {left:12vh;top:63%}}
@-webkit-keyframes mymove124 {from {left:50%;top:40%;}to {left:12vh;top:63%}}  

.card123{animation:mymove123 .4s ;-webkit-animation:mymove123 .4s ;left:15vh;top:63%;}
@keyframes mymove123{from {left:50%;top:40%;}to {left:15vh;top:63%}}
@-webkit-keyframes mymove123{from {left:50%;top:40%;}to {left:15vh;top:63%}}

.card122{animation:mymove122 .4s ;-webkit-animation:mymove122 .4s ;left:18vh;top:63%;}
@keyframes mymove122{from {left:50%;top:40%;}to {left:18vh;top:63%}}
@-webkit-keyframes mymove122{from {left:50%;top:40%;}to {left:18vh;top:63%}}

.card121{animation:mymove121 .4s ;-webkit-animation:mymove121 .4s ;left:21vh;top:63%;}
@keyframes mymove121{from {left:50%;top:40%;}to {left:21vh;top:63%}}
@-webkit-keyframes mymove121{from {left:50%;top:40%;}to {left:21vh;top:63%}}

/* 12号位置摊牌 */
.card1251{left:9vh;top:63%;}
.card1241{left:12vh;top:63%;}
.card1231{left:15vh;top:63%;}
.card1221{left:18vh;top:63%;}
.card1211{left:21vh;top:63%;}

/********************************* 翻牌   ***********************************************/
.cardOver{position: absolute;height: 100%;top:0;}
.cardOver .cardResult{position: relative;height: 100%;}
.cardOver .name{color: #fff;font-size: 10px;text-align: center;line-height: 16px;position: absolute;top: 15%;width: 100%;left:0;}

.cardOver .openCard{position: absolute;width: 100%;top: 34%;left: 15%;}
.cardOver .cards{width: 5.4vh;height: 7.4vh;position: absolute;}
.cardOver .face{width: 5.4vh;height: 7.4vh;border-radius:3px;position: absolute;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition:all .6s;transition: all .6s;}
.cardOver .front{background: url("../images/common/card.png");background-size:5.4vh 7.4vh;z-index: 92;}
.cardOver .back{background:url("../images/common/cards3.png");-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);z-index: 91;background-size:70vh 29.6vh;box-shadow:1px 1px 5px #333;}
/*牌面定位样式*/
.cardOver .card{background: url("../images/common/card.png");background-size:5.4vh 7.4vh;}
.cardOver .cardundefined{background: url("../images/common/card.png");background-size:5.4vh 7.4vh;}
.cardOver .card-1{background: url("../images/common/card.png");background-size:5.4vh 7.4vh;}
.cardOver .cardD0{background: url("../images/common/joker2.png");background-size:5.4vh 7.4vh;}
.cardOver .cardE0{background: url("../images/common/joker1.png");background-size:5.4vh 7.4vh;}

.cardOver .cardA0{background: url("../images/common/cards11.png");background-size:5.4vh 7.4vh;}
.cardOver .cardB0{background: url("../images/common/cards22.png");background-size:5.4vh 7.4vh;}
.cardOver .cardC0{background: url("../images/common/cards33.png");background-size:5.4vh 7.4vh;}
.cardOver .cardN0{background: url("../images/common/cards44.png");background-size:5.4vh 7.4vh;}
.cardOver .cardM0{background: url("../images/common/cards55.png");background-size:5.4vh 7.4vh;}
.cardOver .cardF0{background: url("../images/common/cards66.png");background-size:5.4vh 7.4vh;}
.cardOver .cardG0{background: url("../images/common/cards77.png");background-size:5.4vh 7.4vh;}
.cardOver .cardH0{background: url("../images/common/cards88.png");background-size:5.4vh 7.4vh;}

.cardOver .cardA1{background-position: 0 -22.2vh;}
.cardOver .cardA2{background-position: -5.4vh -22.2vh;}
.cardOver .cardA3{background-position: -10.8vh -22.2vh;}
.cardOver .cardA4{background-position: -16.2vh -22.2vh;}
.cardOver .cardA5{background-position: -21.6vh -22.2vh;}
.cardOver .cardA6{background-position: -27vh -22.2vh;}
.cardOver .cardA7{background-position: -32.4vh -22.2vh;}
.cardOver .cardA8{background-position: -37.8vh -22.2vh;}
.cardOver .cardA9{background-position: -43.2vh -22.2vh;}
.cardOver .cardA10{background-position: -48.6vh -22.2vh;}
.cardOver .cardA11{background-position: -54vh -22.2vh;}
.cardOver .cardA12{background-position: -59.4vh -22.2vh;}
.cardOver .cardA13{background-position: -64.8vh -22.2vh;}
.cardOver .cardB1{background-position: 0 -14.8vh;}
.cardOver .cardB2{background-position: -5.4vh -14.8vh;}
.cardOver .cardB3{background-position: -10.8vh -14.8vh;}
.cardOver .cardB4{background-position: -16.2vh -14.8vh;}
.cardOver .cardB5{background-position: -21.6vh -14.8vh;}
.cardOver .cardB6{background-position: -27vh -14.8vh;}
.cardOver .cardB7{background-position: -32.4vh -14.8vh;}
.cardOver .cardB8{background-position: -37.8vh -14.8vh;}
.cardOver .cardB9{background-position: -43.2vh -14.8vh;}
.cardOver .cardB10{background-position: -48.6vh -14.8vh;}
.cardOver .cardB11{background-position: -54vh -14.8vh;}
.cardOver .cardB12{background-position: -59.4vh -14.8vh;}
.cardOver .cardB13{background-position: -64.8vh -14.8vh;}
.cardOver .cardC1{background-position: 0 0;}
.cardOver .cardC2{background-position: -5.4vh 0;}
.cardOver .cardC3{background-position: -10.8vh  0;}
.cardOver .cardC4{background-position: -16.2vh 0;}
.cardOver .cardC5{background-position: -21.6vh 0;}
.cardOver .cardC6{background-position: -27vh 0;}
.cardOver .cardC7{background-position: -32.4vh 0;}
.cardOver .cardC8{background-position: -37.8vh 0;}
.cardOver .cardC9{background-position: -43.2vh 0;}
.cardOver .cardC10{background-position: -48.6vh 0;}
.cardOver .cardC11{background-position: -54vh 0;}
.cardOver .cardC12{background-position: -59.4vh 0;}
.cardOver .cardC13{background-position: -64.8vh 0;}
.cardOver .cardD1{background-position: 0 -7.4vh;}
.cardOver .cardD2{background-position: -5.4vh -7.4vh;}
.cardOver .cardD3{background-position: -10.8vh -7.4vh;}
.cardOver .cardD4{background-position: -16.2vh -7.4vh;}
.cardOver .cardD5{background-position: -21.6vh -7.4vh;}
.cardOver .cardD6{background-position: -27vh -7.4vh;}
.cardOver .cardD7{background-position: -32.4vh -7.4vh;}
.cardOver .cardD8{background-position: -37.8vh -7.4vh;}
.cardOver .cardD9{background-position: -43.2vh -7.4vh;}
.cardOver .cardD10{background-position: -48.6vh -7.4vh;}
.cardOver .cardD11{background-position: -54vh -7.4vh;}
.cardOver .cardD12{background-position: -59.4vh -7.4vh;}
.cardOver .cardD13{background-position: -64.8vh -7.4vh;}

.cardOver .card-flipped .front{z-index: 91;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.cardOver .card-flipped .back{z-index: 92;-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}

/*40 自己牌尺寸 57*/
.myCards {position: absolute;width: 100%;top: 79%;}
.myCards .winText{position: absolute;width: 100%;top:-50px;}
.myCards .winText img{width: 120%;margin-left: -10%;}
.myCards .cards{width: 8.5vh;height: 11.5vh;position: absolute; }
.myCards .face{width: 8.5vh;height: 11.5vh;border-radius:4px;position: absolute; transform-style: preserve-3d;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition:all .6s; transition:all .6s;}
.myCards .front{background: url("../images/common/card.png");-webkit-transform: rotateY(0deg);transform: rotateY(0deg);background-size:8.5vh 11.5vh;z-index: 92;}
/*519 228*/
.myCards .back{background:url("../images/common/cards3.png");-webkit-transform: rotateY(180deg);transform: rotateY(180deg);z-index: 91;background-size:110.4vh 46vh;box-shadow:1px 1px 5px #333;}

.myCards .card-flipped .front{z-index: 91;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.myCards .card-flipped .back{z-index: 92;-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}

/*牌面定位样式*/
.myCards .card{background: url("../images/common/card.png");background-size:8.5vh 11.5vh;}
.myCards .cardundefined{background: url("../images/common/card.png");background-size:8.5vh 11.5vh;}
.myCards .card-1{background: url("../images/common/card.png");background-size:8.5vh 11.5vh;}
.myCards .cardD0{background: url("../images/common/joker2.png");background-size:8.5vh 11.5vh;}
.myCards .cardE0{background: url("../images/common/joker1.png");background-size:8.5vh 11.5vh;}

.myCards .cardA0{background: url("../images/common/cards11.png");background-size:8.5vh 11.5vh;}
.myCards .cardB0{background: url("../images/common/cards22.png");background-size:8.5vh 11.5vh;}
.myCards .cardC0{background: url("../images/common/cards33.png");background-size:8.5vh 11.5vh;}
.myCards .cardN0{background: url("../images/common/cards44.png");background-size:8.5vh 11.5vh;}
.myCards .cardM0{background: url("../images/common/cards55.png");background-size:8.5vh 11.5vh;}
.myCards .cardF0{background: url("../images/common/cards66.png");background-size:8.5vh 11.5vh;}
.myCards .cardG0{background: url("../images/common/cards77.png");background-size:8.5vh 11.5vh;}
.myCards .cardH0{background: url("../images/common/cards88.png");background-size:8.5vh 11.5vh;}

.myCards .cardA1{background-position: 0 -34.5vh;}
.myCards .cardA2{background-position: -8.5vh -34.5vh;}
.myCards .cardA3{background-position: -17vh -34.5vh;}
.myCards .cardA4{background-position: -25.5vh -34.5vh;}
.myCards .cardA5{background-position: -34vh -34.5vh;}
.myCards .cardA6{background-position: -42.5vh -34.5vh;}
.myCards .cardA7{background-position: -51vh -34.5vh;}
.myCards .cardA8{background-position: -59.5vh -34.5vh;}
.myCards .cardA9{background-position: -68vh -34.5vh;}
.myCards .cardA10{background-position: -76.5vh -34.5vh;}
.myCards .cardA11{background-position: -85vh -34.5vh;}
.myCards .cardA12{background-position: -93.5vh -34.5vh;}
.myCards .cardA13{background-position: -102vh -34.5vh;}
.myCards .cardB1{background-position: 0 -23vh;}
.myCards .cardB2{background-position: -8.5vh -23vh;}
.myCards .cardB3{background-position: -17vh -23vh;}
.myCards .cardB4{background-position: -25.5vh -23vh;}
.myCards .cardB5{background-position: -34vh -23vh;}
.myCards .cardB6{background-position: -42.5vh -23vh;}
.myCards .cardB7{background-position: -51vh -23vh;}
.myCards .cardB8{background-position: -59.5vh -23vh;}
.myCards .cardB9{background-position: -68vh -23vh;}
.myCards .cardB10{background-position: -76.5vh -23vh;}
.myCards .cardB11{background-position: -85vh -23vh;}
.myCards .cardB12{background-position: -93.5vh -23vh;}
.myCards .cardB13{background-position: -102vh -23vh;}
.myCards .cardC1{background-position: 0 0;}
.myCards .cardC2{background-position: -8.5vh 0;}
.myCards .cardC3{background-position: -17vh 0;}
.myCards .cardC4{background-position: -25.5vh 0;}
.myCards .cardC5{background-position: -34vh 0;}
.myCards .cardC6{background-position: -42.5vh 0;}
.myCards .cardC7{background-position: -51vh 0;}
.myCards .cardC8{background-position: -59.5vh 0;}
.myCards .cardC9{background-position: -68vh 0;}
.myCards .cardC10{background-position: -76.5vh 0;}
.myCards .cardC11{background-position: -85vh 0;}
.myCards .cardC12{background-position: -93.5vh 0;}
.myCards .cardC13{background-position: -102vh 0;}
.myCards .cardD1{background-position: 0 -11.5vh;}
.myCards .cardD2{background-position: -8.5vh -11.5vh;}
.myCards .cardD3{background-position: -17vh -11.5vh;}
.myCards .cardD4{background-position: -25.5vh -11.5vh;}
.myCards .cardD5{background-position: -34vh -11.5vh;}
.myCards .cardD6{background-position: -42.5vh -11.5vh;}
.myCards .cardD7{background-position: -51vh -11.5vh;}
.myCards .cardD8{background-position: -59.5vh -11.5vh;}
.myCards .cardD9{background-position: -68vh -11.5vh;}
.myCards .cardD10{background-position: -76.5vh -11.5vh;}
.myCards .cardD11{background-position: -85vh -11.5vh;}
.myCards .cardD12{background-position: -93.5vh -11.5vh;}
.myCards .cardD13{background-position: -102vh -11.5vh;}

/*自己牌，发完之后*/
.myCards .card0{top: 0;left: 28%;margin-left: -3.4vh;}
.myCards .card1{top: 0;left: 43%;margin-left: -3.4vh;}
.myCards .card2{top: 0;left: 58%;margin-left: -3.4vh;}
.myCards .card3{top: 0;left: 73%;margin-left: -3.4vh;}
.myCards .card4{top: 0;left: 88%;margin-left: -3.4vh;}

/*自己牌，摊牌之后*/
.myCards .card00{top: 0;left: 28%;margin-left: -3.4vh;}
.myCards .card01{top: 0;left: 43%;margin-left: -3.4vh;}
.myCards .card02{top: 0;left: 58%;margin-left: -3.4vh;}
.myCards .card03{top: 0;left: 73%;margin-left: -3.4vh;}
.myCards .card04{top: 0;left: 88%;margin-left: -3.4vh;}

.cardOver1{display: none;}
.cardOver2{right: 0;}
.cardOver3{right: 0;}
.cardOver4{left: -14px;}
.cardOver5{left:0;}
.cardOver6{left:0;}


.ranking{position: absolute;width: 200%;height:200%;top:0;left:0;z-index: 110;display: none;}  
.ranking .roundEndShow{display: none;}  
.ranking .rankBack{width: 100%;height:100%;background: #000;opacity:1.0}
.ranking .rankBack .bg{position: absolute;width: 100%;height:100%;background: #000;opacity:1.0}  
.ranking .rankText{width: 100%;position: absolute;top:10%;left: 0;}   
.ranking .rankText .title{width: 100%;} 

/*.ranking .rankText .time{text-align: center;margin-top: 24px;margin-bottom: 20px;}
.ranking .rankText .time a{border-radius: 5vw;border: 2px solid #f7d92b;color:#f7d92b;padding: 1vw 4vw;width: 400px;font-size: 6vw;}
.ranking .rankText .scoresItem{width:129vw;margin:0 auto; margin-top: 3px;height:14vw;line-height:14vw;font-size:8vw;position: relative;background-color: #1b160c; }
.ranking .rankText .scoresItemWhite{color:#fff; }
.ranking .rankText .scoresItemWhite a{color:#fff; }
.ranking .rankText .scoresItemYellow{color:#f7d92b;}
.ranking .rankText .scoresItemYellow a{color:#f7d92b;}
.ranking .rankText .scoresItem .name{left: 16%;width: 50%;height: 14vw;overflow: hidden;word-break:break-all;position: absolute;top:0;}
*/
.ranking .rankText .time{text-align: center;margin-top: 12px;margin-bottom: 20px;}
.ranking .rankText .time a{border-radius: 5vw;color:#fff2d4;padding: 1vw 8vw;width: 400px;font-size: 6vw;background: #b4aaa0;}
.ranking .rankText .scoresItem{width:146vw;margin:0 auto; margin-top: 3px;height:14vw;line-height:14vw;font-size:8vw;position: relative;background: #f4dfb4;border:.5vw solid #b39d6f;border-radius: 3vw; }
.ranking .rankText .scoresItemWhite{color:#000; }
.ranking .rankText .scoresItemWhite a{color:#000; }
.ranking .rankText .scoresItemYellow{color:#000; background: #fdc652;}
.ranking .rankText .scoresItemYellow a{color:#000;background: #fdc652;}
.ranking .rankText .scoresItem .id{left: 6%;width: 25%;height: 14vw;overflow: hidden;word-break:break-all;position: absolute;top:0;}
.ranking .rankText .scoresItem .name{left: 10%;width: 66%;height: 14vw;overflow: hidden;word-break:break-all;position: absolute;top:0;}

.ranking .rankText .scoresItem .currentScores{width:25%;text-align: left;position: absolute;right: 0;top:0;}
.ranking  .button{width:100%;position: absolute;bottom:8%; }
.ranking  .button img{width:33%;}

/* 玩家消息 */
/*.message{position: fixed;width: 100%;height:100%;top:0;left:0;z-index: 112;}
.message .messageBack{width: 100%;height:100%;} 
.message .textPart{width: 100%;position: absolute;left: 0;bottom:0;height:0; }
.message .textPart .head{width: 100%;}  
.message .textPart .head img{width: 100%;height: 30px;} 
.message .textPart .textItem{width: 80%;height: 40px;line-height: 40px;font-size: 14px;background: #150e2d;border-bottom:1px solid #322b4c;color:#bbb;padding:0 10%; }*/

.message{position: fixed;width: 100%;height:100%;z-index: 110;top:0;left:0;}
.message .messageBack{width: 100%;height:100%;position: absolute;top:0;left:0;} 
/*.message .textPart{position: absolute;width: 34vh;height:40vh;bottom:7vh;right:2vh;padding:1.5vh; } */
.message .textPartOuter{position: absolute;width: 34vh;height:40vh;bottom:7vh;right:2vh;padding: 1vh 1vh 1vh 1vh;border: 0.2vh solid #a684f2;background: #634fa6;border-radius: 1vh;}
.message .textPart{position: absolute;width: 34vh;height:40vh;bottom:8.5vh;right:3.2vh;overflow: hidden;} 
.message .textPart .outline{position: absolute;background: #634fa6;opacity: 1;width: 98%;height:100%;border:0.2vh solid #a684f2;border-radius:10px;top:-0.5vh;left: .5%;}
/*.message .textPart .textList {border:1px solid #a684f2;position: relative;height:39vh;overflow: auto;}*/
.message .textPart .textList {border:1px solid #a684f2;position: relative;}
.message .textPart .textList .textItem{width: 90%;height: 6vh;line-height: 6vh;font-size: 2.1vh;background: #150e2d;border-bottom:1px solid #666;color:#fff;padding:0 5%;position: relative;font-family: simHei;}

.erweima{position: fixed;width: 100%;height:100%;top:0;left:0;z-index: 109;}
.erweima .inviteBack{width: 100%;height:100%;background: #000;opacity:0.8;position: absolute;}
.erweima .inviteText{margin: 0 auto;margin-top:30%;width:300px;line-height: 40px;font-size: 18px;color: #fff;font-family: simHei;position: relative;}
.erweima .inviteText .invite1{width: 60px;position: absolute; top:240px;left: 140px;}

.createRoom{position: fixed;width: 100%;height:100%;top:0;left:0;z-index: 109;} 
.createRoom .createRoomBack{width: 100%;height:100%;background: #000;opacity:0.6;}  
.createRoom .mainPart{width: 45vh;height:65vh;top:44%;left:50%;margin-top:-30vh;margin-left: -22.5vh;position: absolute;} 
.createRoom .mainPart .createB{width: 100%;height:100%;top:0%;left:0%;position: absolute;background:#634fa6;border:1px solid #a684f2;border-radius:10px; }  
.createRoom .mainPart .createTitle{position:relative;height:5vh;text-align: center;} 
.createRoom .mainPart .createTitle img{position:relative;height:2.6vh;margin-top: 1.2vh;}  
.createRoom .mainPart .cancelCreate{width: 5vh;height:5vh;top:-2.5vh;right:-2.5vh;position: absolute;}  
.createRoom .mainPart .createCommit{position: absolute;line-height: 5.5vh;height: 5.5vh;font-size: 2.5vh;width: 17vh;left:50%;margin-left:-8.5vh;bottom:-7vh;text-align: center;background:url("../images/common/button2.png");background-size:100%;color: #fff;}  
.createRoom .mainPart .blueBack{width: 42vh;height: 46vh;background:#111431;border:1px solid #a684f2;border-radius:4px;margin:0 auto;position: relative; }
.createRoom .mainPart .blueBack .selectPart{width:100%;margin-top:4px;line-height:36px;font-size:2vh;position: relative;color:#111431;background:#bbbff1;border-radius:0px;font-family:simHei; }
.createRoom .mainPart .blueBack .selectPart .selectTitle{float: left;width:8vh;text-align: right; }
.createRoom .mainPart .blueBack .selectPart .selectList{float: left; width: 34vh}
.createRoom .mainPart .blueBack .selectPart .selectList .selectItem{float: left;position:relative;margin-left:25px; }
.createRoom .mainPart .blueBack .selectPart .selectList .selectItem .selectBox{float: left;height:2vh;width:2vh;border:1px solid #1d1045;border-radius:2px;background:#78899d;margin-top:0.7vh;position: relative; }
.createRoom .mainPart .blueBack .selectPart .selectList .selectItem img{position: absolute;width: 2vh;height:2vh;left: 0;top:0.7vh;}
.createRoom .mainPart .blueBack .selectPart .selectList .selectItem .selectText{float: left;margin-left: 0.8vh;}

.bankerSelected{position: absolute;width: 8.1vh;height: 5.5vh;border-style: solid;border-width: 0px;border-color: #392c62;color: #653604;text-align: center;font-size: 1.7vh;overflow: hidden;}
.bankerSelected .img{position: absolute;top: 0;left: 0;width:  8.1vh;height: 5.5vh;border-style: solid;border-width: 0.5px;border-color: #392c62;}
.bankerUnSelected{position: absolute;width:  8.1vh;height: 5.5vh;border-style: solid;border-width: 0px;border-color: #e8c007;color: #9a6b3a;text-align: center;font-size: 1.7vh;overflow: hidden;}
.bankerUnSelected .img{position: absolute;top: 0;left: 0;width:  8.1vh;height: 5.5vh;border-style: solid;border-width: 0.5px;border-color: #e8c007;}


.audioRoom{position: fixed;width: 100%;height:100%;top:0;left:0;z-index: 109;} 
.audioRoom .audioRoomBack{width: 100%;height:100%;background: #000;opacity:0.6;}  
.audioRoom .mainPart{width: 38vh;height:27vh;top:44%;left:50%;margin-top:-16vh;margin-left: -19vh;position: absolute;} 
.audioRoom .mainPart .createB{width: 100%;height:100%;top:0%;left:0%;position: absolute;background:#634fa6;border:1px solid #a684f2;border-radius:10px; }  
.audioRoom .mainPart .createTitle{position:relative;height:5vh;text-align: center;} 
.audioRoom .mainPart .createTitle img{position:relative;height:2.6vh;margin-top: 1.2vh;}  
.audioRoom .mainPart .cancelCreate{width: 5vh;height:5vh;top:-2.5vh;right:-2.5vh;position: absolute;}  
.audioRoom .mainPart .createCommit{position: absolute;line-height: 5.5vh;height: 5.5vh;font-size: 2.5vh;width: 17vh;left:50%;margin-left:-8.5vh;bottom:-7vh;text-align: center;background:url("../images/common/button2.png");background-size:100%;color: #fff;}  
.audioRoom .mainPart .blueBack{width: 35vh;height: 14vh;background:#111431;border:1px solid #a684f2;border-radius:4px;margin:0 auto;position: relative; }
.audioRoom .mainPart .blueBack .selectPart{width:100%;margin-top:4px;line-height:36px;font-size:2.2vh;position: relative;color:#111431;background:#bbbff1;border-radius:0px;font-family:simHei; }
.audioRoom .mainPart .blueBack .selectPart .selectTitle{float: left;width:13vh;text-align: right; }
.audioRoom .mainPart .blueBack .selectPart .selectList{float: right; width: 20vh}
.audioRoom .mainPart .blueBack .selectPart .selectList .selectItem{float: left;position:relative;margin-left:25px; }
.audioRoom .mainPart .blueBack .selectPart .selectList .selectItem .selectBox{float: left;height:2.2vh;width:2.2vh;border:1px solid #1d1045;border-radius:2px;background:#78899d;margin-top:0.7vh;position: relative; }
.audioRoom .mainPart .blueBack .selectPart .selectList .selectItem img{position: absolute;width: 2.8vh;height:2.8vh;left: 0;top:0;}
.audioRoom .mainPart .blueBack .selectPart .selectList .selectItem .selectText{float: left;margin-left: 0.8vh;}